/* pages/topicality/zhuanti/zhuanti.wxss */
page{
    padding-bottom: 40rpx;
}
.main-img {
    width: 100%;
    height: 276rpx;
}

.city-box {
    background: #fff;
    border-radius: 35rpx;
    padding: 10rpx 30rpx;
    position: absolute;
    top: 40rpx;
    right: 30rpx;
    display: flex;
    align-items: center;
}

.city-box text {
    font-size: 30rpx;
    font-weight: bolder;
}

.city-box image {
    width: 23rpx;
    height: 15rpx;
    margin-left: 10rpx;
}

.change-city {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rpx 6rpx 6rpx rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 20rpx;
    padding: 30rpx 0rpx;
    position: absolute;
    top: 235rpx;
    width: 90%;
    margin-left: 36rpx;
    display: flex;
    align-items: center;
}

.change-city text {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 36rpx;
    color: rgba(20, 20, 20, 1);
    opacity: 1;
    width: 102rpx;
    text-align: center;
    white-space: nowrap;
}

.sel-city {
    display: flex;
    align-items: center;
    margin-left: 80rpx;
}

.sel-city image {
    width: 19rpx;
    height: 10rpx;
    margin-left: 15rpx;
}

.content-box {
    margin: 80rpx 0rpx;
}

.model-1 {
    margin: 20rpx 0;
}

.model-1 view {
    user-select: text;
    -webkit-user-select: text;
}

.model-title {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.model-title image {
    width: 18rpx;
    height: 26rpx;
    margin-right: 15rpx;
}

.model-title text {
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 44rpx;
    color: rgba(20, 20, 20, 1);
    opacity: 1;
}

.tips-box {
    margin-top: 30rpx;
}

.tips {
    background-color: #f2f4fc;
    border-radius: 20rpx;
    padding: 30rpx;
    margin-bottom: 30rpx;
}


/* .tips:nth-of-type(n+3) {
    display: none;
} */

.tips image {
    width: 28rpx;
    height: 32rpx;
    margin-right: 15rpx;
}

.tips text {
    color: #5195dd;
    font-size: 28rpx;
    font-weight: 500;
}

.tips .title {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.tips .text {
    margin-top: 10rpx;
    font-size: 30rpx;
    color: rgb(102, 102, 102);
}

.tips1 {
    background-color: #f2f4fc;
    border-radius: 20rpx;
    padding: 30rpx;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 30rpx;
}

.tips1 image {
    width: 32rpx;
    height: 32rpx;
    margin-right: 30rpx;
}

.tips1 text {
    color: #5195dd;
    font-size: 28rpx;
    font-weight: 500;
}


/* 功能类多项切换 */

.model-2 {
    margin: 20rpx 0;
}

.multifunc-box {
    margin: 15rpx 30rpx;
}

.multifunc {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.func1 {
    padding: 10rpx 20rpx;
    font-size: 30rpx;
    font-family: PingFang SC Medium, PingFang SC Medium-Medium;
    font-weight: 500;
    text-align: center;
    color: #000;
}

.func2 {
    padding: 15rpx 20rpx;
    font-size: 30rpx;
    font-family: PingFang SC Medium, PingFang SC Medium-Medium;
    font-weight: 500;
    text-align: center;
    color: #5095dd;
    border-bottom: 5rpx solid #5095dd;
}

.rukou-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin: 30rpx 0;
}

.rukou {
    background: #f2f4fc;
    border-radius: 39rpx;
    font-size: 28rpx;
    font-weight: 500;
    text-align: center;
    font-family: PingFang SC Bold, PingFang SC Bold-Bold;
    color: #5095dd;
    line-height: 42rpx;
    padding: 25rpx 0rpx;
    width: 288rpx;
    margin-right: 30rpx;
    margin-bottom: 30rpx;
}

.rukou:nth-child(2n) {
    margin-right: 0;
}

.block-box {
    margin-top: 30rpx;
}

.block-items {
    background: #f5f3fe;
    border-radius: 20rpx;
    padding: 30rpx 40rpx;
}

.block-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.block-title text {
    font-size: 28rpx;
    color: #000;
}

.block-title image {
    width: 50rpx;
    height: 50rpx;
}

.block {
    margin-top: 15rpx;
}

.block-text {
    display: flex;
    flex-direction: row;
    margin-bottom: 15rpx;
}

.bl-title {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 36rpx;
    color: rgba(20, 20, 20, 1);
    opacity: 1;
    white-space: nowrap;
    margin-right: 38rpx;
}

.bl-text {
    border-bottom: 1rpx solid rgba(236, 236, 236, 1);
    opacity: 1;
    padding-bottom: 26rpx;
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 36rpx;
    color: rgba(90, 90, 90, 1);
    flex: 1;
    word-break: break-all;
}

.block-btn-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 25rpx;
}

.block-btn {
    background-color: #dbe5f8;
    padding: 20rpx 40rpx;
    border-radius: 38rpx;
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 36rpx;
    color: rgba(81, 149, 221, 1);
    opacity: 1;
    white-space: nowrap;
}

.model-3 {
    margin: 20rpx 0;
}

.model-4 {
    margin: 20rpx 0;
}

.imgswiper {
    width: 100%;
    height: 280rpx;
    border-radius: 30rpx;
}


/* 资讯 */

.zx-box {
    padding: 30rpx 36rpx;
    border-top: 15rpx solid #f5f5f5;
    margin-top: 40rpx;
}

.zx-title {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.zx-title image {
    width: 18rpx;
    height: 26rpx;
    margin-right: 15rpx;
}

.zx-title text {
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 44rpx;
    color: rgba(20, 20, 20, 1);
    opacity: 1;
}

.zxqiehuan {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1rpx solid rgb(238, 238, 238);
}

.zx-title-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 98rpx;
}

.zx-title-items:last-child {
    margin-right: 0;
}

.hline {
    width: 50rpx;
    height: 5rpx;
    border-radius: 100rpx;
    background-color: #000;
}


/* .hline{border-radius: 80rpx;border: 3rpx solid #000;width: 40rpx;} */

.zx-text {
    font-size: 30rpx;
    color: #000;
    font-weight: bold;
}

.sel-title {
    color: #141414;
    font-size: 32rpx;
    font-weight: 600;
    margin-bottom: 15rpx;
}

.nosel-title {
    color: #5b5b5b;
    font-size: 32rpx;
    font-weight: 500;
    margin-bottom: 20rpx;
}


/*white-space:nowrap;  */

.zx-flex-row {
    display: flex;
    align-items: flex-start;
}

.doticon {
    width: 24rpx;
    height: 16rpx;
    margin-right: 15rpx;
    margin-top: 10rpx;
}

.item-content {
    display: flex;
    flex-direction: column;
    border-bottom: 1rpx solid #ccc;
    padding: 30rpx 0;
}

.timetext {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(152, 150, 150, 1);
    opacity: 1;
    margin-top: 20rpx;
    margin-left: 40rpx;
}


/* tab */

.tab-box {
    padding: 30rpx 40rpx;
    background: #f5f3fe;
    border-radius: 30rpx;
    margin: 30rpx 0;
}

.tab-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.tab-title text {
    font-size: 26rpx;
    font-family: PingFang SC Medium, PingFang SC Medium-Medium;
    font-weight: 500;
    text-align: center;
    color: #999;
    line-height: 77rpx;
}

.tab-list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.tab-items {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tab-items .title {
    font-size: 28rpx;
    font-family: PingFang SC Medium, PingFang SC Medium-Medium;
    font-weight: 500;
    text-align: center;
    color: #999;
    line-height: 77rpx;
}

.tab-items .content {
    font-size: 28rpx;
    font-family: PingFang SC Medium, PingFang SC Medium-Medium;
    font-weight: 500;
    text-align: center;
    color: #333;
    /* line-height: 77rpx; */
    margin: 15rpx 2rpx;
    /* width: 140rpx; */
}


/* 导粉 */

.daofen {
    margin: 50rpx 30rpx 80rpx 30rpx;
    text-align: center;
}

.p_class {
    margin: 10rpx 30rpx;
    line-height: 50rpx;
}

.more {
    width: 45%;
    height: 90rpx;
    margin: 0 auto;
    line-height: 90rpx;
    text-align: center;
    color: #000000;
    border-radius: 14rpx;
    background-color: #F0EDF1;
}
